<template>
  <BorderBox title="基本信息" :headerBottom="false">
    <template #main_info>
      <ga-descriptions
        :column="5"
        :align="{ label: 'right' }"
        :label-style="{ width: '70px' }"
        :value-style="{ minWidth: '180px' }"
      >
        <ga-descriptions-item label="序列号">
          {{ info?.serialNumber || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="品牌">
          {{ info?.brand || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="合同编号">
          {{ info?.contractNumber || "-" }}</ga-descriptions-item
        >
        <ga-descriptions-item label="采购人">
          {{ info?.purchaser || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="维修日期">
          {{ info?.maintenanceDate || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="型号">
          {{ info?.model || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="bios版本">
          {{ deviceInfo?.bios || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="设备供应商">
          {{ info?.equipmentSupplier || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="运维负责人"
          >{{ info?.operator || "-" }}
        </ga-descriptions-item>
        <ga-descriptions-item label="上架">
          {{ info?.upDate || "-" }}
        </ga-descriptions-item>
      </ga-descriptions>
    </template>
  </BorderBox>
</template>

<script setup>
defineProps({ info: Object, deviceInfo: Object });
</script>

<style lang="scss" scoped></style>
